<template>
  <div class="my-content">
    <!-- <div class="nav_top">
      <div>问卷模板</div>
      <div>问卷模板</div>
    </div> -->

    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">问卷模板</el-menu-item>
      <el-menu-item index="2">答卷列表</el-menu-item>
    </el-menu>

    <!-- 问卷模板管理 -->
    <wenjuanList  v-if="activeIndex == 1"/>
    <!-- 答卷列表 -->
    <dajuanList v-if="activeIndex == 2"/>

  </div>
</template>

<script>
import wenjuanList from "./list"
import dajuanList from "./content"
export default {
   // name: '问卷管理',
  components: { wenjuanList, dajuanList },
  name: "PatientInfoManage",
  data() {
    return {
      activeIndex: "1",
    }
  },
  created() { },
  methods: {
    handleSelect(key, keyPath) {
     // console.log(key);
      if(key == "1") this.activeIndex = "1"
      if(key == "2") this.activeIndex = "2"

      //console.log(this.activeIndex)
    }
  }

}
</script>

<style lang='scss' scoped>
.my-content {
  .nav_top {
    display: flex;
  }
}
</style>